<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>更新车位信息</title>
    
	<link href="${pageContext.request.contextPath }/css/bootstrap.css" rel="stylesheet">
	<link href="${pageContext.request.contextPath }/css/flat-ui.css" rel="stylesheet">
  </head>
  
  <body style="background:#ddd;">
  <form action="">
    <table>
    	<tr>
    		<td>停车场名称:</td>
    		<td><input type="text" name="name" class="form-control" placeholder="name" /></td>
    		<td>提示信息显示在这里</td>
    	</tr>
    	<tr>
    		<td>停车场电话:</td>
    		<td><input type="text" name="telNumber" class="form-control" placeholder="telephone number" /></td>
    		<td>提示信息显示在这里</td>
    	</tr>
    	<tr>
    		<td>总车位数:</td>
    		<td><input type="text" name="totalSpace" class="form-control" placeholder="total Space" /></td>
    		<td>提示信息显示在这里</td>
    	</tr>
    	<tr>
    		<td>剩余车位数:</td>
    		<td><input type="text" name="emptySpace" class="form-control" placeholder="empty Space" /></td>
    		<td>提示信息显示在这里</td>
    	</tr>
    	<tr>
    		<td>停车场描述:</td>
    		<td>
	    		<textarea rows="5" cols="36" name="description"  style="width:200px;height:100px" class="form-control" placeholder="Parking description">
				</textarea>
			</td>
    	</tr>
    	<tr>
    		<td>地址:</td>
    		<td><input type="text" name="address" class="form-control" placeholder="address" /></td>
    		<td>提示信息显示在这里</td>
    	</tr>
    	<tr>
    		<td>预定收费(/小时):</td>
    		<td><input type="text" name="price" class="form-control" placeholder="price pre hour" /></td>
    		<td>提示信息显示在这里</td>
    	</tr>
    	<tr>
    		<td>最长预留时间:</td>
    		<td><input type="text" name="maxOrderTime" class="form-control" placeholder="max order time" /></td>
    		<td>提示信息显示在这里</td>
    	</tr>
    	<tr>
    		<td>经纬度:</td>
    		<td>	
	    		<input type="text" style="width:90px;" name="longitude" class="form-control" placeholder="longitude" />
    			<input type="text" style="width:90px;" name="latitude" class="form-control" placeholder="latitude" />
    		</td>
    	</tr>
    </table>
    <input style="border:none;background:#1ABC9C;color:white;font-size:20px;" type="submit" value="Update"/>
  	<input style="border:none;background:#1ABC9C;color:white;font-size:20px;" type="reset" value="Reset"/>
  </form>
  <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">点击选取</button>
  <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	  <div class="modal-dialog">
	    <div class="modal-content">
	      <div class="modal-header" style="background:#1ABC9C;">
	        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
	        <h4 class="modal-title" id="myModalLabel">地图</h4>
	      </div>
	      <div class="modal-body" style="background:#ddd;">
	       	我是modal-body
	      </div>
	      <div class="modal-footer" tyle="background:#1ABC9C;">
	      	<button type="button" class="btn btn-primary" data-dismiss="modal">OK</button>
	        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
	      </div>
	    </div><!-- /.modal-content -->
	  </div><!-- /.modal-dialog -->
	</div><!-- /.modal -->
	
   <!-- Load JS here for greater good =============================-->
	<script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/jquery-ui-1.10.3.custom.min.js"></script>
    <script src="js/jquery.ui.touch-punch.min.js"></script>
    <script src="js/jquery.tagsinput.js"></script>
    <script src="js/jquery.placeholder.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/bootstrap-select.js"></script>
    <script src="js/bootstrap-switch.js"></script>
    <script src="js/flatui-checkbox.js"></script>
    <script src="js/flatui-radio.js"></script>
  </body>
</html>
